<!DOCTYPE html>
<html lang="pt-BR">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Garimpando do lado debaixo do tapete">
	<meta name="author" content="Mídia Capoeira <capoeira@riseup.net>">
	<link rel="icon" href="./favicon.ico">

	<title>Mídia Capoeira</title>

	<link href="./css/estilos.css" rel="stylesheet">

	<!-- Bootstrap core CSS -->
	<link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
	<link href="./bootstrap/css/bootstrap.css.map" rel="stylesheet">
	<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="./bootstrap/css/bootstrap-theme.css" rel="stylesheet">
	<link href="./bootstrap/css/bootstrap-theme.css.map" rel="stylesheet">
	<link href="./bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
	<!-- Custom styles for this template -->
	<link href="./bootstrap/jumbotron-narrow.css" rel="stylesheet">
	<link href="./bootstrap/carousel.css" rel="stylesheet">

	<!-- SocialSharePrivacy -->
	<link rel='stylesheet' type='text/css' href='./jquery.socialshareprivacy.min.css' />
	<script type="text/javascript" src="./javascripts/jquery-1.11.1.min.js"></script> 
	<script type="text/javascript" src="./javascripts/jquery.cookies.js"></script> 
	<script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.js"></script>
	<script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.pt.js"></script> 
	<script type="text/javascript">
		$(document).ready(function () {
			$('.share').socialSharePrivacy();
		});
	</script>

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
		<script src="./js/html5shiv.min.js"></script>
		<script src="./js/respond.min.js"></script>
	<![endif]-->
</head>
<body>
	<!-- Fixed navbar -->
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<a class="navbar-brand" href="./">M&iacute;dia Capoeira</a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li class="separador"><span>&nbsp;</span></li>
					<li><a href="./atividade" target="_self">Atividade&excl;</a></li>
					<li><a href="./midia" target="_self">Material...</a></li>
					<li><a href="./quem" target="_self">Quem somos&quest;</a></li>
					<li class="separador"><span>&nbsp;</span></li>
					<li><a href="https://we.riseup.net/hiatobr+capoeira" target="_blank">Grupo no Riseup</a></li>
					<li><a href="https://twitter.com/midiacapoeira" target="_blank">Twitter</a></li>
					<li><a href="https://quitter.se/midiacapoeira" target="_blank">Quitter</a></li>
					<li class="separador"><span>&nbsp;</span></li>
					<li><a href="https://we.riseup.net/hiatobr+capoeira/p%C3%A1ginas-piratas-oficiais">Outras p&aacute;ginas</a></li>
				</ul>
			</div><!--/.nav-collapse -->
		</div>
	</nav>

	<div class="container">
		<div class="jumbotron">
			<center><img class="logo" src="./img/midiacapoeira_2015.png" alt="Mídia Capoeira" height="100%" widht="100%" /></center>
			<h2>Garimpando do lado de baixo do tapete</h2>
		</div>

		<div class="container marketing">

			<!-- Three columns of text below the carousel -->
			<div class="row">
				<div class="col-lg-4">
					<a href="./atividade" target="_self"><img class="img-circle" src="./img/logo_smartphone.png" alt="Smartphone" width="140" height="140"></a>
					<a href="./atividade" target="_self"><h2>Atividade</h2></a>
					<p>Algumas interven&ccedil;&otilde;es e eventos em que <a href="../quem" target="_self">algu&eacute;m</a> da <b>M&iacute;dia Capoeira</b> esteve presente.</p>
					<!--<p><a class="btn btn-default" href="./atividade" role="button">/atividade &raquo;</a></p>-->
				</div><!-- /.col-lg-4 -->
				<div class="col-lg-4">
					<a href="./midia" target="_blank"><img class="img-circle" src="./img/mediagoblin.png" alt="Mediagoblin" width="140" height="140"></a>
					<a href="./midia" target="_blank"><h2>Material</h2></a>
					<p>Material, registros fotogr&aacute;ficos, audiovisuais, hospedados utilizando o software livre <a href="https://mediagoblin.org" target="_blank">Mediagoblin</a>.</p>
					<!--<p><a class="btn btn-default" href="./midia" role="button">/midia &raquo;</a></p>-->
				</div><!-- /.col-lg-4 -->
				<div class="col-lg-4">
					<a href="./quem" target="_self"><img class="img-circle" src="./img/logo_camera.png" alt="Câmera" width="140" height="140"></a>
					<a href="./quem" target="_self"><h2>Quem somos</h2></a>
					<p>Conhe&ccedil;a algumas pessoas envolvidas na <b>M&iacute;dia Capoeira</b>.</p>
					<!--<p><a class="btn btn-default" href="./quem" role="button">/quem &raquo;</a></p>-->
				</div><!-- /.col-lg-4 -->
			</div><!-- /.row -->
	</div>

<hr>

<div class='twitter'>
<p>
	<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/MidiaCapoeira" data-widget-id="486296325403582465">Tweets de @MidiaCapoeira</a>
	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</p>
</div>

<hr>

<h2>Gostou? Conte &agrave;s(aos) amigas(os). N&atilde;o gostou? Manda para as(os) inimigas(os)&excl;</h2>
&nbsp;
<p class="lead">Link curto para esta p&aacute;gina: <b><a href="https://ira.li/c" target="_blank">ira.li/c</a></b></p>
<p><a href="http://sharetodiaspora.github.io/?title=Colabore%20com%20o%20Hacklab%20Independ%C3%AAncia&url=https://sos.hi.ato.br/" target="_blank"><img src="http://sharetodiaspora.github.io/favicon.png" style="border: 0px solid;" />Compartilhar em qualquer diaspora*</a></p>
<div class='share'></div>
&nbsp;

<hr>
		<div class="footer">
			<p>
				<span>Kopimi <a href="https://capoeira.li" target="_blank">M&iacute;dia Capoeira</a> 2013-2015. Algumas fotografias e outros materiais podem estar sob licen&ccedil;as Creative Commons.</span>
				<span>Este site usa <a href='http://getbootstrap.com/' target='_blank'>Bootstrap</a> e <a href='http://www.heise.de/extras/socialshareprivacy/' target='_blank'>SocialSharePrivacy</a>.</span>
				<span><a href="https://sos.hi.ato.br" target="_blank">Colabore</a> com Hacklab Independ&ecirc;ncia.</span>
			</p>
		</div>

	</div> <!-- /container -->


	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
	<script src="./bootstrap/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>

